<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移动端</title>
    <script src="Script/fontsizeset.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .container{
            margin: 0 auto;
            width: 6.72rem;
            display: flex;
            /* 取消拉伸 */
            align-items: center;
        }
        .container .pic{
            width: 2rem;
        }
        .container .text{
            margin-left: 0.26rem;
        }
        .container .text h3{
            font-size: 0.28rem;
        }
        .container .text p{
            margin-top: 0.15rem;
            font-size: 0.24rem;
        }
        .container .btn{
            margin-left: 0.92rem;
            width: 0.96rem;
        }
    </style>
</head>
<body>
<div class="container">
<img class="pic" src="images/pic1.png" alt="">
<div class="text">
<h3>前端开发手机端</h3>
<p>2022.7.25</p>
</div>     
<button class="btn">进入</button>
</div>
</body>
</html>